<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>产品列表页</title>
		<link rel="stylesheet" href="styles/public.css">
		<link rel="stylesheet" href="styles/products-details.css">
		<link rel="stylesheet" href="styles/footer.css">
		<style></style>
	</head>
	<body>
	 <header>
			<img src="images/logo.png" alt="">
 	 </header>
	 <nav class="navbar-top"><!--适用于移动端 需要考虑百分比，一般用宽度来写导航-->
	  <ul>
			<li><a href="index.html">首页</a></li>
			<li><a href="#">关于伊森</a></li>
			<li class='one active'><a href="#">木制表</a>
				<div class='figure'></div>
				<div class='nav-details'>
					<a href="list-details.html">产品详细</a>
					<a href="products-list.html">产品系列</a>
					<a href="products-details.html">产品列表</a>
					<a href="product.html">男女装</a>
				</div>
			</li>
			<li class='one'><a href="#">腕表动态</a>
				<div class='figure'></div>
				<div class='nav-details'>
					<a href="News.html">新闻详细</a>
					<a href="NewsList.html">新闻列表</a>
				</div>
			</li>
			<li><a href="#">联系伊森</a></li>
			<li><a href="#">售后维修</a></li>
	  </ul>
	 </nav>
	 <section class='banner-01'>
		<div class="container">
			<span>伊森主页>木制表>皇家橡树概念系列</span>
			<h1>皇家橡树概念系列</h1>
			<p>在表壳和机芯之间完美一致的布局里，该系列概念腕表体现了超现代的技术美与尖端的微型机械理念。</p>
			<img src="images/product-01.png" alt="">
		</div>
	</section>
	<section class='banner-02'>
		<div class="container">
			<i>卓越的技术结合突破性的设计</i>
			<div class="content">
				<div class='list'>
					<img src="images/product-02.png" alt="">
					<span>设计</span>
					<p>这枚腕表创新的美学风格不时体现在整个系列作品中。</p>
				</div>
				<div class='list'>
					<img src="images/product-03.png" alt="">
					<span>材质</span>
					<p>由于橡木固有的抗磨损坚硬质地，在凹凸不平 的表面和边缘进行抛光或缎面抛光处理自然是 一项艰巨的技术挑战。</p>
				</div>
				<div>
					<img src="images/product-04.png" alt="">
					<span>表盘</span>
					<p>这枚超现代的“发动机”天衣无缝地融入其超现代的“底盘”内，它蓄势待发的美学造型淋漓尽致地展示了一览无遗的微机械装置，衬托出其不同凡响的设计。</p>
				</div>
			</div>
			<div class="bottom">
				<a href="">读取更多的信息</a>
				<a href="">+</a>
			</div>
		</div>
	</section>
	<section class='banner-03'>
		<div class="container">
			<h1>别具特色的时计</h1>
			<div class="content">
				<div class="content-left">
					<span>皇家橡树概念系列</span>
					<span>赛道圈速迈克尔舒马赫纪念腕表</span>
					<span>44MM</span>
				</div>
				<div class="content-right">
					<a href=""><img src="images/product-05.png" alt=""></a>
				</div>
			</div>
				<div class="content-list">
					<div class="list-top">
						<div class='one'>
							<a href=""><img src="images/product-08.png" alt=""></a>
							<span>陀飞轮计时码表</span>
							<p>44MM</p>
						</div>
						<div class='two'>
							<a href=""><img src="images/product-09.png" alt=""></a>
							<span>陀飞轮计时码表</span>
							<p>44MM</p>
						</div>
						<div class='three'>
							<a href=""><img src="images/product-10.png" alt=""></a>
							<span>碳纤</span>
							<p>44MM</p>
						</div>	
					</div>
					<div class="list-bottom">
						<div class='one'>
							<a href=""><img src="images/product-11.png" alt=""></a>
							<span>GMT陀飞轮腕表</span>
							<p>44MM</p>
						</div>
						<div class='two'>
							<a href=""><img src="images/product-12.png" alt=""></a>
							<span>GMT陀飞轮腕表</span>
							<p>44MM</p>
						</div>
						<div class='three'>
							<a href=""><img src="images/product-08.png" alt=""></a>
							<span>陀飞轮计时码表</span>
							<p>44MM</p>
						</div>	
					</div>
				</div>
				<div class='footer'>
					<a href=""><span>1,</span>2,3,4...11</a>
				</div>
		</div>
	</section>
	<section class="banner-04">
		<div class="container">
			<div class="content">
				<div class='con-left'>
					<h2>寻找你的腕表</h2>
					<a href="">探索  ></a>
				</div>
				<div class='con-right'><img src="images/pro-11.png" alt=""></div>
			</div>
			<div class="content">
				<div class='con-left'>
					<h2>新款</h2>
					<a href="">发现  ></a>
				</div>
				<div class='con-right'><img src="images/pro-12.png" alt=""></div>
			</div>
			<div class='bottom'>
				<a href=""><img src="images/product-06.png" alt=""></a>
			</div>
			<div class='view'>
				<h1>专卖店参观</h1>
				<a href="">零售店  ></a>
			</div>
			<div class='bottom1'><a href="#">返回顶部</a>
		</div>
	</section>
	<section class="banner-05">
		<a href=""><img src="images/product-07.png" alt=""></a>
		<span>了解我们的故事   ></span>
	</section>
	<footer class='footer'>
		<p></p>
		 <div class="container">
			 <ul>
				<li class='top'>产品系列</li>
				<li><a href="">伊森男腕表</a></li>
				<li><a href="">伊森女腕表</a></li>
			 </ul>
			 <ul>
				<li class='top'>伊森腕表品牌</li>
				<li><a href="">品牌简介</a></li>
				<li><a href="">总裁致辞</a></li>
				<li><a href="">员工关怀</a></li>
				<li><a href="">招商加盟</a></li>
				<li><a href="">人才招聘</a></li>
			 </ul>
			 <ul>
				<li class='top'>关于伊森</li>
				<li><a href="">公司简介</a></li>
				<li><a href="">工厂简介</a></li>
				<li><a href="">荣誉资质</a></li>
				<li><a href="">伊森手表学堂</a></li>
			 </ul>
			 <ul>
				<li class='top'>伊森新闻</li>
				<li><a href="">伊森新闻</a></li>
				<li><a href="">伊森与名人</a></li>
				<li><a href="">伊森慈善</a></li>
			 </ul>
			 <ul>
				<li class='top'>客户服务</li>
				<li><a href="">在线产品目录</a></li>
				<li><a href="">查找保养中心</a></li>
				<li><a href="">服务价格</a></li>
				<li><a href="">腕表保养</a></li>
				<li><a href="">质保与用户手册</a></li>
			 </ul>
			 <ul>
				<li class='top'>授权商店</li>
				<li><a href="">零售商地址</a></li>
				<li><a href="">授权网上商店</a></li>
			 </ul>
		 </div>
	</footer>
	<footer class='footer1'>
		<div class="container">
			 <span>Copyright2016伊森腕表版权所有</span>
			 <span>粤ICP备1234567号</span>
			 <span>贵宾专线：400-200-999</span>
			 <span>湖南省长沙市岳麓区枫林二路139号</span>
		</div>
	</footer>
	</body>
</html>